<html>
	<head>
		<title>封面</title>
		<style>
			body{background-image: url(13.jpg);}
			*{padding:0px;margin:0px;}
			
			.one{
				width:600px;height:100px;
				border:3px  #000 solid;
				margin:0  auto;
				text-align:center;
				font-size: 50px ;
				font-weight: bold ;
				color:#FFF0F5;
			}
			.two{
				width:600px;height:750px;
				border:3px   solid;
				margin:0  auto;
				
			}
			.daohang{
				width:100%;height:40px;
				border:2px  #000 solid;
				background-color:#FFF8DC;	
			}
			.p1,.p2,.p3,.p4{
   			   width:148px;height:100%;
  			    border:1px  solid;
			    
			   float:left;
			}
	
			.daohang  a{
				display:block;
				color:#000;
				text-decoration: none;
				margin:10px 42px;
				font-weight: bold;
				}

				a:hover{color:#A9A9A9;}
				a:active{color:FF0066;}
				.d1{
				  padding-top:250px;
				  text-align:center;
				  list-style:none;
				  font:bold  30px  "宋体";
				  color:#FFF0F5;
				}
				.d1 li{line-height:100px;}
				.x1{text-align:center;color:#FFF0F5;font:bold  35px "微软雅黑";}
		</style>
	</head>
	<body>
		<div  class="one">
			个人简介
		</div>
		<div  class="two">
	    	     <div  class="daohang">
			<div  class="p1"><a  href="#">我的首页</a></div>
			<div  class="p2"><a  href="jianjie.html">我的简介</a></div>
			<div  class="p3"><a  href="zhaopian.html">我的照片</a></div>
			<div  class="p4"><a  href="lianxiwo.html">联系我</a></div>
			<ul  class="d1">
			         <li>姓名：李志鹏</li>
			         <li>
	                                           &nbsp&nbsp&nbsp&nbsp 联系电话：13566662204
			         </li>
			         <li>&nbsp学校：郑州商专</li>
			         <li>&nbsp&nbsp&nbsp家庭住址：河南郑州</li>
			</ul>
		       </div>	
		</div><hr/>
		<p  class="x1">这是我的个人简介的首页&copy2020-2020</p>
	</body>
</html>